.header {
  .returnPrev {
    float: left;
    display: block;
    color: #ffffff;
    font-size: .28rem;
    padding-left: .26rem;
    background: url("../img/zuojiantou.png") no-repeat left .11rem;
    background-size: .19rem .35rem;
    line-height: .6rem;
  }
  .search {
    margin-left: .25rem;
  }
}

.middle {
  margin-top: .88rem;
  overflow: hidden;
  .sort {
    line-height: .9rem;
    position: fixed;
    left: .18rem;
    top: .8rem;
    background: #ffffff;
    width: 100%;
    li {
      float: left;
      font-size: .3rem;
      color: #4d4d4d;
      margin-left: .8rem;
      &:nth-of-type(1) {
        margin-left: 0;
        padding-right: .25rem;
        background: url("../img/paixu.png") no-repeat right;
        background-size: .14rem .11rem;
      }
      &:nth-of-type(4) {
        padding-right: .25rem;
        background: url("../img/shaixuan.png") no-repeat right;
        background-size: .18rem .18rem;
      }
    }
  }
  .pro-details {
    margin-top: .8rem;
    overflow: hidden;
    li {
      overflow: hidden;
      margin-top: .3rem;
      float: left;
      &:nth-of-type(2n) {
        margin-left: .3rem;
      }
      a {
        img {
          width: 3.4rem;
          height: 3.4rem;
        }
      }
      p {
        margin-top: .1rem;
        font-size: .24rem;
        color: #3b3b3b;
        width: 3.1rem;
        margin-left: .08rem;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
      }
      i {
        font-size: .24rem;
        font-style: normal;
        color: #fd2727;
        float: left;
        margin-top: .1rem;
        span {
          font-size: .36rem;
          color: #fd2727
        }
      }
      .addShopCart {
        float: right;
        width: 1.6rem;
        margin-top: .2rem;
        height: .3rem;
        line-height: .3rem;
        text-align: center;
        background: #eba51e;
        color: #ffffff;
        font-size: .24rem;
      }
    }
  }
}
